<template>
  <!-- 全局底部导航组件 -->
  <div class="layout-footer">
    <van-tabbar route>
      <van-tabbar-item replace to="/course" icon="home-o">课程</van-tabbar-item>
      <van-tabbar-item replace to="/learn" icon="desktop-o">学习</van-tabbar-item>
      <van-tabbar-item replace to="/user" icon="user-o">我</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
// 导入 vant 组件
import { Tabbar, TabbarItem } from 'vant'

export default {
  name: 'LayoutFooter',
  components: {
    VanTabbar: Tabbar, // vant 的 van-tabbar 组件
    VanTabbarItem: TabbarItem // vant 的 van-tabbar-item 组件
  }
}
</script>

<style lang="scss" scoped></style>
